@media (min-width:768px) {
.c4_ul {
display: none;
}
.dqlng {
color: #fff;
padding-left: 20px;
}
.dqlng:hover .cn {
display: block;
}
.cn {
display: none;
}
.cn a {
color: #fff;
padding-left: 20px;
}
.gongsjs_cent {
color: #fff;
}
}
@media (min-width:992px) {
.gongsjs_cent {
color: #fff;
}
}
.gongsjs_cent {
color: #fff;
}
@media (min-width:1200px) {
/* 资质è¯ä¹¦ */
.zz_js h5 {
font-size: 18px;
font-weight: 600;
line-height: 180%;
padding-top: 30px;
}
.zz_js p {
font-size: 15px;
line-height: 180%;
margin-top: 0px;
}
/* 新闻介ç»æ»šåŠ¨ */
.news_text_box {
height: 500px;
overflow: hidden;
}
.news_text_box h5 {
font-size: 18px;
padding-top: 30px;
font-weight: 600;
}
.news_text_box p {
margin-top: 20px;
}
/* 产å“介ç»åˆ‡æ¢ */
.chanpin_tj_box:hover .chanpin_tj_ann {
display: block;
}
.chanpin_tj_ann {
display: none;
height: 100%;
top: 0px;
width: 60px;
background: rgba(0, 0, 0, 0.4);
background-repeat: no-repeat;
background-size: 30px 30px !important;
background-position: center;
}
.chanpin_tj_prev {
left: 0px;
}
.chanpin_tj_next {
right: 0px;
}
.grid figure img {
height: 550px;
}
.aob5_box .aob4_r_news p {
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
}
.w_1600 {
height: 100%;
margin: 0 auto;
display: flex;
background: rgb(0 0 0 / 0.5);
}
.fenye_top .cs {
min-height: 500px;
}
.wap_cn {
display: none;
}
.m-b-100 {
margin-bottom: 100px;
}
.bottom_box {
background: #171717;
background: url(../images/beijing_b.jpg);
height: 400px;
}
.bot_r {
flex: 30%;
text-align: center;
padding-top: 80px;
}
.bot_r .bot_logo {
width: auto;
}
.bot_r .bot_logo img {
width: auto;
}
.bot_r span {
font-size: 48px;
font-weight: 600;
margin: 30px 0;
font-style: italic;
display: inline-block;
}
.bot_l {
flex: 70%;
position: relative;
}
.bot_l .bot_t {
padding: 30px 100px;
overflow: hidden;
padding-left: 0px;
}
.bot_l .bot_t .bot_t_ul {
display: flex;
justify-content: center;
border-bottom: 1px solid #666;
}
.bot_l .bot_t .bot_t_ul a {
color: #eee;
flex: 1;
margin: 40px 0px;
text-align: center;
}
.bot_l .bot_t li {}
.bot_l .bot_t li h4 {
font-size: 20px;
color: #fff;
}
.bot_l .bot_lianx {
padding-left: 90px;
margin-top: 0px;
}
.bot_l .bot_lianx li {
margin-bottom: 10px;
font-size: 16px;
}
.bot_l .bot_lianx li span {
margin-right: 10px;
font-size: 16px;
font-weight: 600;
}
.ewm_img {
position: absolute;
right: 200px;
top: 60%;
text-align: center;
/* width: 120px; */
height: auto;
}
.ewm_img p {
margin: 10px 0;
}
.grid figure {
padding: 20px 30px;
min-width: 320px;
max-width: 480px;
}
.aob_l {
padding: 0 100px;
}
.peo_r h4 {
font-size: 36px;
font-weight: 700;
color: #fff;
}
.peo_r p {
font-size: 16px;
line-height: 26px;
color: #fff;
}
.peo_r {
padding: 100px 90px 0px 100px;
}
.swiper-lunbo {
height: 950px;
}
.aob_r {
padding-left: 50px;
}
.aob_r_ul {
text-align: left;
}
.aob_l h4 {
font-size: 40px;
display: inline-block;
}
.aob_box {
padding-top: 150px;
}
.aob_r .aob_r_img h4 {
font-size: 18px;
line-height: 180%;
padding-left: 10px;
margin-top: 10px;
}
.aob_r .aob_r_img h5 {
font-size: 14px;
line-height: 180%;
padding-left: 10px;
display: inline-block;
margin-top: -5px;
}
.aob_r figure:nth-child(even) {
/* margin-top: 70px; */
}
figure>img {
width: 100%;
height: auto;
}
.aob2_box {
width: 100%;
height: auto;
overflow: hidden;
display: flex;
background: url(../images/muyu_t_06.jpg);
background-repeat: no-repeat;
background-position-y: 250px;
background-position-x: 80px;
}
.aob2_box .aob_r {
padding: 0px;
}
.aob2_box .aob_l h4 {
color: #000;
padding: 20px 10px;
}
.aob2_box .aob_r_li:nth-child(1) {
border-top: 1px solid #999;
}
.aob2_box .aob_r_li {
height: 140px;
border-bottom: 1px solid #999;
}
.aob2_box .aob_r_li p {
font-size: 20px;
line-height: 140px;
padding-left: 10px;
}
.aob3_box {
width: 100%;
min-height: 1200px;
display: flex;
background: url(../images/muyu_t_08.jpg);
background-repeat: no-repeat;
background-position-y: 250px;
background-position-x: 80px;
position: relative;
overflow: hidden;
}
.aob4_box .aob4_r_img {
flex: 20%;
margin: 0px 30px;
margin-bottom: 50px;
overflow: hidden;
}
.aob5_box .aob4_r_news {
flex: 40%;
margin: 0px 30px;
margin-bottom: 30px;
overflow: hidden;
}
.aob_box {
width: 100%;
height: auto;
overflow: hidden;
background: url(../images/muyu_t_03.jpg);
background-repeat: no-repeat;
background-position-y: 45%;
background-position-x: 80px;
margin-bottom: 80px;
}
.aob3_box {
width: 100%;
min-height: 1100px;
display: flex;
background: url(../images/muyu_t_08.jpg);
background-repeat: no-repeat;
background-position-y: 250px;
background-position-x: 80px;
position: relative;
overflow: hidden;
}
.aob4_box {
width: 100%;
height: auto;
display: flex;
background: url(../images/muyu_t_10.jpg);
background-repeat: no-repeat;
background-position-y: 280px;
background-position-x: 80px;
position: relative;
}
.aob5_box {
width: 100%;
height: auto;
display: flex;
background: url(../images/muyu_t_13.png);
background-repeat: no-repeat;
background-position-y: 300px;
background-position-x: 80px;
position: relative;
}
/* logo */
.nav {
width: 100%;
height: 80px;
/* box-shadow: 0 3px 3px 0 #CCC; */
/* background: #FFF; */
position: fixed;
left: 0;
top: 0;
overflow: visible;
z-index: 999;
transition: 0.3s;
padding-left: 35%;
}
.navbar-nav {
background: transparent;
margin: 0px;
}
.navbar-header {
background: transparent;
width: auto;
}
.navbar-header img {
padding: 5px 40px;
height: 65px;
}
.nav.index {
height: 80px;
background: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05);
}
.nav.scroll {
background: rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
transition: 0.3s
}
.nav .layui-container {
position: relative;
transition: all 400ms ease-out;
}
.nav .nav-logo {
height: 100%;
position: absolute;
top: 0;
left: 15px;
line-height: 80px;
}
.nav .nav-list {
display: inline-block;
height: 80px;
}
.nav .nav-list button {
width: 25px;
height: 30px;
position: absolute;
top: 30px;
right: 15px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}
.nav .nav-list button span {
display: block;
width: 25px;
height: 2px;
background: #2db5a3;
margin-bottom: 6px;
transition: 0.5s;
}
.nav .nav-list button span.spa1 {
transform: rotate(45deg);
}
.nav .nav-list button span.spa3 {
transform: rotate(-45deg) translate(5px, -5px);
}
.nav .layui-nav {
width: 100%;
position: absolute;
top: 80px;
right: 0;
color: #000;
background: transparent;
}
.nav .layui-nav .layui-nav-item {
display: block;
line-height: 60px;
float: left;
}
.nav .layui-nav * {
font-size: 18px;
}
.nav .layui-nav .layui-nav-item a {
padding: 0 0;
color: #eee;
}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after {
height: 2px;
background-color: #043895;
}
.nav .layui-nav .layui-this a,
.nav .layui-nav .layui-nav-item a:hover {
color: #043895;
}
.navbar-default .navbar-nav>li>a:hover {
color: #043895;
}
.navbar-default .navbar-nav>.active>a {
color: #fff;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #fff;
background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent;
}
.navbar {
min-height: 0px;
}
.dropdown-menu {
background-color: rgba(0, 0, 0, 0.4);
}
.dropdown-menu>li>a {
color: #eee;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #fff;
background: transparent;
}
@media screen and (min-width: 768px) {
.nav {
/* max-height: 80px; */
}
.nav.index {
/* background: rgba(0, 0, 0, 0.4); */
}
.nav .nav-list button {
display: none;
}
.nav .layui-nav {
width: auto;
position: absolute;
top: 0;
padding: 0 60px;
border-radius: 0;
margin: 0;
}
.nav .layui-nav .layui-nav-item {
display: inline-block;
margin: 0 53px;
line-height: 80px;
}
}
.aob4_box .aob4_r_img {
margin-bottom: 50px;
overflow: hidden;
}
.swiper-container {
padding-top: 0px;
}
.gongsjs_cent {
color: #eee;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 13;
-webkit-box-orient: vertical;
margin: 50px 0;
}
/* fenye */
@font-face {
font-family: "iconfont";
src: url('iconfont.eot?t=1602299992273');
/* IE9 */
src: url('iconfont.eot?t=1602299992273#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1602299992273') format('woff'),
url('iconfont.ttf?t=1602299992273') format('truetype'),
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1602299992273#iconfont') format('svg');
/* iOS 4.1- */
}
.iconfont_feny {
font-family: "iconfont" !important;
font-size: 40px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-1:before {
content: "\e63b";
}
.icon-9:before {
content: "\e63c";
}
.icon-10:before {
content: "\e63c";
}
.icon-4:before {
content: "\efaf";
}
.icon-3:before {
content: "\e60a";
}
.icon-0:before {
content: "\e60d";
}
.icon-2:before {
content: "\e60b";
}
.icon-5:before {
content: "\e663";
}
.icon-8:before {
content: "\e602";
}
.icon-6:before {
content: "\e714";
}
.icon-7:before {
content: "\e668";
}
/* fenye_nav */
.gongs_nav {
width: 100%;
}
.gongs_nav_ul {
display: flex;
justify-content: center;
border-bottom: 1px solid #d6d6d7;
overflow: hidden;
}
.gongs_nav_li.active {
background: #d4d4d4;
}
.gongs_nav_li.active li {
color: #141618;
}
.gongs_nav_li.active p {
color: #f9f9f9;
}
.gongs_nav_li {
flex: 1;
height: 270px;
border-right: 1px solid #d6d6d7;
text-align: center;
position: relative;
height: 140px;
}
.gongs_nav_li li {
color: #999;
}
.gongs_nav_li h4 {
font-size: 28px;
margin: 13px 0px;
}
.gongs_nav_li p {
position: absolute;
bottom: -50px;
right: 0px;
font-size: 130px;
color: #efefef;
font-weight: 800;
transform: skewX(-18deg);
}
.gongs_nav_li p::after {
/* content: " ";
display: block;
width: 100%;
height: 2px;
background-color: #efefef; */
}
.gongs_nav_li.active p::after {
/* content: " ";
display: block;
width: 100%;
height: 2px;
color: #fff; */
}
/* content_box */
.yf_content {
padding: 100px 200px;
text-align: center;
line-height: 180%;
font-size: 16px;
height: auto;
width: 100%;
}
.yf_content>table {
margin: 0 auto;
text-align: left;
line-height: 200%;
}
.yf_content td {
padding-left: 50px;
}
.yf_content td {
display: table-cell;
width: auto;
}
.yf_content img {
width: auto;
}
/* 一致文化 */
.gongs_wh_img {
width: 100%;
height: auto;
overflow: hidden;
}
.gongs_wh_img img {
width: 100%;
height: auto;
}
.gongs_wh_text_ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.gongs_wh_text_li {
flex: 40%;
text-align: left;
margin: 60px 10px;
}
.gongs_wh_text_li h4 {
color: #3576bd;
font-size: 24px;
}
.gongs_wh_text_li h5 {
color: #898989;
font-size: 12px;
line-height: 180%;
}
.gongs_wh_text_li p {
color: #333;
font-size: 20px;
line-height: 180%;
}
/* 组织架构 */
.gongs_jg {
width: 100%;
}
.gongs_jg_img {
text-align: center;
}
/* 产å“ä¸å¿ƒ */
.chanpin_ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.chanpin_a {
flex: 40%;
}
.chanpin_li {
padding: 40px;
overflow: hidden;
height: 550px;
width: 650px;
}
.chanpin_li_img {
width: 50%;
height: 100%;
overflow: hidden;
}
.chanpin_li_img img {
width: 100%;
height: 100%;
}
.chanpin_li_text {
text-align: left;
width: 50%;
height: 100%;
float: left;
padding: 50px;
box-shadow: 1px 1px 30px #eee;
}
.chanpin_li_text h4 {
font-size: 24px;
}
.chanpin_li_text h5 {
font-size: 14px;
line-height: 180%;
margin: 10px 0px;
}
.chanpin_li_text p {
font-size: 14px;
line-height: 180%;
margin-bottom: 50px;
}
.henxing::after {
content: " ";
display: block;
width: 30px;
height: 2px;
background: #141618;
margin-top: 20px;
}
/* 产å“内容 */
.chanpin_read_box_t {
display: flex;
justify-content: center;
height: 450px;
padding: 50px 0px;
border-bottom: 1px solid #eee;
}
.swiper_chanpin {
flex: 40%;
position: relative;
height: auto;
}
.swiper_chanpin img {
width: 100%;
height: 100%;
}
.swiper_chanpin_js {
flex: 60%;
text-align: left;
padding: 0px 50px;
}
.swiper_chanpin_js h4 {
font-size: 26px;
margin: 40px 0px;
}
.swiper_chanpin_js p {
font-size: 15px;
line-height: 180%;
}
.yf_button_box {
width: 120px;
height: 80px;
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0px;
right: 0px;
z-index: 9999;
}
.yf_button_box::after {
content: " ";
display: inline-block;
width: 2px;
height: 10px;
background: #fff;
margin-top: 35px;
}
.swiper-button-next,
.swiper-button-prev {
background-size: 15px 15px;
}
.chanpin_read_box_cans img {
width: auto;
height: auto;
padding: 0px;
}
.chanpin_read_box_cans {
height: auto;
width: 100%;
padding-bottom: 50px;
border-bottom: 1px solid #eee;
text-align: left;
}
.chanpin_read_box_cans h4 {
font-size: 26px;
font-weight: 500;
margin: 50px 10px;
}
/* 推è */
.chanpin_tj {
height: auto;
width: 100%;
padding-bottom: 50px;
border-bottom: 1px solid #eee;
text-align: left;
}
.chanpin_tj h4 {
font-size: 26px;
font-weight: 500;
margin: 50px 10px;
}
/* .chanpin_tj_ul{display: flex;justify-content: center; flex-wrap: wrap;} */
.chanpin_tj_a {
padding-right: 30px;
}
.chanpin_tj_li img {
width: 100%;
height: auto;
}
.chanpin_tj_li p {
color: #999;
margin: 10px;
font-size: 14px;
}
.chanpin_tj_li span {
color: #333;
}
.news_tj {
height: 500px;
width: 100%;
padding-bottom: 50px;
border-top: 1px solid #eee;
text-align: left;
}
.news_tj>h4 {
font-size: 22px;
font-weight: 500;
margin: 50px 10px;
}
.news_tj_ul {
display: flex;
justify-content: center;
}
.news_tj_a {
flex: 1;
margin-right: 30px;
}
.news_tj_li .news_text>h4 {
font-size: 16px;
margin: 5px 0px;
}
.news_tj_li .news_text>p {
font-size: 14px;
line-height: 180%;
color: #999;
margin-right: 20px;
}
/* æ–°é—» */
/* .news_ul{display: flex; justify-content: flex-start;flex-wrap: wrap;} */
.news_a {
padding: 30px 20px;
text-align: left;
}
.news_li {
width: 450px;
transition: all .8s;
padding: 0px;
}
.news_img {
width: 450px;
height: 250px;
overflow: hidden;
}
.news_img img {
width: 100%;
height: 100%;
}
.news_text {
padding: 10px;
min-height: 105px;
}
.news_text>h4 {
font-size: 16px;
padding-bottom: 5px;
line-height: 180%;
}
.news_text>p {
font-size: 14px;
line-height: 180%;
color: #666;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news_li:hover {
background: #fff;
box-shadow: 1px 1px 30px #999999;
}
.news_li:hover .news_text>h4 {
color: #333;
}
.news_li:hover .news_text>p {
color: #333;
}
.news_read_box>h4 {
font-size: 36px;
line-height: 180%;
padding-bottom: 40px;
}
.news_read_box img {
width: auto;
height: auto;
}
.news_read_box .news_img>img {
width: 100%;
height: 100%;
}
.content_box {
padding: 50px 0px;
font-size: 16px;
line-height: 180%;
color: #333;
width: 1200px;
margin: 0 auto;
text-align: left;
}
.content_box p {
padding-bottom: 10px;
}
/* 资质 */
.ziz_box {
padding: 20px 40px;
}
.ziz_img>img {
width: 100%;
cursor: pointer;
}
.ziz_box>h4 {
font-size: 20px;
line-height: 180%;
text-align: center;
margin: 10px 0px;
min-height: 80px;
}
/* è”系我们 */
.yf_liax_box {
display: flex;
justify-content: center;
text-align: center;
}
.yf_liax_img {
flex: 1;
}
.yf_liax_text {
flex: 1;
text-align: left;
}
.yf_liax_box {
padding: 0px;
}
.yf_liax_img img {
width: auto;
}
.yf_liax_text h4 {
font-size: 26px;
font-weight: 600;
line-height: 200%;
}
.yf_liax_text p {
font-size: 16px;
color: #666;
}
/* fenye */
.py_info_list {
margin: 0 auto;
font-size: 26px;
}
.py_page_botton {
margin: 30px;
}
.yuyan_box {
position: fixed;
top: 27px;
right: 30px;
width: 90px;
height: 80px;
text-align: center;
line-height: 26px;
float: right;
z-index: 9999;
}
.yuyan_box .dqlng {
border-radius: 50%;
width: 26px;
height: 26px;
float: right;
background: #eee;
color: #000004;
font-size: 12px;
line-height: 200%;
}
.yuyan_box .cn_img {
width: 20px;
margin-right: 5px;
vertical-align: -12%;
}
.cn {
z-index: 1;
transition: all .6s;
display: none;
top: 62px;
right: -10px;
position: absolute;
padding: 10px;
background: #eee;
width: 130px;
}
.cn::after {
content: ' ';
position: absolute;
top: -5px;
right: 10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 5px solid #eee;
}
.cn>li {
/* padding: 0px 2px; */
/* padding-left: 3px; */
/* border-radius: 50%; */
height: 30px;
line-height: 30px;
color: #000004;
font-size: 12px;
margin-top: 5px;
/* text-align: left; */
}
.cn>li a:hover {
color: #043895;
}
.yuyan_box:hover .cn {
display: block;
top: 53px;
}
.nav .nav-logo img {
height: 51px;
}
.bg-grid {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlNNSIvlSwAAAAxJREFUCNdjaGAAAgAChgCB/5LsuQAAAABJRU5ErkJggg==); */
transform: translateZ(0);
}
.bigimg {
width: 600px;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
display: none;
z-index: 9999;
border: 10px solid #fff;
}
.mask {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
filter: Alpha(opacity=50);
z-index: 98;
transition: all 1s;
display: none
}
.imgbox:hover {
cursor: zoom-in
}
.mask:hover {
cursor: zoom-out
}
.mask>img {
position: fixed;
right: 10px;
top: 10px;
width: 60px;
}
.mask>img:hover {
cursor: pointer
}
@font-face {
font-family: "iconfont";
src: url('iconfont.eot?t=1602901802184');
/* IE9 */
src: url('iconfont.eot?t=1602901802184#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1602901802184') format('woff'),
url('iconfont.ttf?t=1602901802184') format('truetype'),
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1602901802184#iconfont') format('svg');
/* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-ys5:before {
content: "\e614";
}
.icon-ys0:before {
content: "\e69e";
}
.icon-ys2:before {
content: "\e62f";
}
.icon-ys4:before {
content: "\e61b";
}
.icon-ys3:before {
content: "\e77b";
}
.icon-ys1:before {
content: "\e625";
}
.c4_ul {
display: none;
}
.dqlng {
padding-left: 0px;
}
.cn a {
color: #000004;
padding-left: 0px;
}
/* logo */
.nav {
width: 100%;
height: 80px;
/* box-shadow: 0 3px 3px 0 #CCC; */
/* background: #FFF; */
position: fixed;
left: 0;
top: 0;
overflow: visible;
z-index: 999;
transition: 0.3s
}
.nav.index {
height: 80px;
background: rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05);
}
.nav.scroll {
background: rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
transition: 0.3s;
z-index: 100;
padding-right: 80px;
}
.nav .layui-container {
position: relative;
transition: all 400ms ease-out;
}
.nav .nav-logo {
height: 100%;
position: absolute;
top: 0;
left: 15px;
line-height: 80px;
}
.nav .nav-list {
display: inline-block;
height: 80px;
}
.nav .nav-list button {
width: 25px;
height: 30px;
position: absolute;
top: 30px;
right: 15px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}
.nav .nav-list button span {
display: block;
width: 25px;
height: 2px;
background: #2db5a3;
margin-bottom: 6px;
transition: 0.5s;
}
.nav .nav-list button span.spa1 {
transform: rotate(45deg);
}
.nav .nav-list button span.spa3 {
transform: rotate(-45deg) translate(5px, -5px);
}
.nav .layui-nav {
width: 100%;
position: absolute;
top: 80px;
right: 0;
color: #000;
background: transparent;
}
.nav .layui-nav .layui-nav-item {
display: block;
line-height: 60px;
float: left;
}
.nav .layui-nav * {
font-size: 18px;
}
.nav .layui-nav .layui-nav-item a {
padding: 0 0;
color: #eee;
}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after {
height: 2px;
background-color: #043895;
}
.nav .layui-nav .layui-this a,
.nav .layui-nav .layui-nav-item a:hover {
color: #043895;
}
.navbar-default .navbar-nav>li>a:hover {
color: #043895;
}
.navbar-default .navbar-nav>.active>a {
color: #fff;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #fff;
background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent;
}
.navbar {
min-height: 0px;
}
.dropdown-menu {
background-color: rgba(0, 0, 0, 0.4);
}
.dropdown-menu>li {
height: 40px;
line-height: 40px;
}
.dropdown-menu>li>a {
color: #eee;
height: 40px;
line-height: 40px;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #fff;
background: transparent;
}
}
@media (max-width:768px) {
.news_read_box img {
width: 100% !important;
height: auto !important;
padding: 5px 3px;
}
.dqlng img {
display: none;
}
}
.wap_cn_ul {
display: flex;
justify-content: center;
padding: 5px 20px;
}
.wap_cn_li {
padding: 0 15px;
flex: 1;
color: #fff;
text-align: center;
}
.wap_cn_li a {
color: #fff;
text-align: center;
}
@media screen and (min-width:1400px) and (max-width:1600px) {
.gongsjs_cent {
color: #eee;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 12;
-webkit-box-orient: vertical;
margin: 20px 0;
}
.aob_l {
padding: 0 50px;
}
.nav {
padding-left: 30%;
}
.fenye_top {
max-height: 800px;
overflow: hidden;
}
.news_li {
width: 100%;
}
.news_img {
width: 100%;
}
.yf_content {
padding: 100px 150px;
}
.sous_box {
top: 31%;
}
.peo_r {
padding: 50px 55px 0px 55px;
}
.peo_r span {
font-size: 12px;
padding: 2px 10px;
margin: 10px 0 10px 0;
}
.peo_r p {
/* margin: 35px 0px; */
font-size: 14px;
}
.peor_nav .peor_nav_ul {
margin-top: 15px;
}
.peor_nav .peor_nav_li {
margin: 0 10px;
}
.aob_box {
padding-top: 80px;
}
.aob3_box_li p {
margin-top: 40px;
}
.aob3_box_ul .aob3_box_li {
height: 470px;
padding: 65px 35px;
}
.aob3_box {
min-height: 950px;
}
.chanpin_li {
padding: 30px 20px;
height: 440px;
width: 610px;
}
.chanpin_li_text {
padding: 30px;
}
.chanpin_li_text p {
margin-bottom: 20px;
}
.fenye_us_txt h4 {
line-height: 200%;
font-size: 80px;
}
.aob3_box_ul .aob3_box_li {
height: 400px;
background: rgba(30, 49, 100, 0.8);
padding: 20px 20px;
border-radius: 60px 0px 60px 0px;
}
.aob3_box_ul .aob3_box_li h4 {
font-size: 20px;
height: 60px;
overflow: hidden;
line-height: 150%;
padding-left: 0px;
}
.aob3_box_ul .aob3_box_li p {
color: #fff;
font-size: 14px;
line-height: 180%;
margin-top: 0px;
height: 200px;
;
overflow: hidden;
}
}
@media screen and (min-width:960px) and (max-width:1390px) {
.gongsjs_cent {
margin: 30px 0;
}
.bot_l .bot_lianx {
width: 550px;
padding-left: 20px;
}
.news_text_box.swiper-container {
height: 500px;
}
.aob_l {
padding: 0 45px;
}
.grid figure img {
height: 400px;
}
.nav {
padding-left: 30%;
font-size: 14px;
}
.zz_js h5 {
font-size: 14px;
font-weight: 700;
padding-top: 10px;
}
.navbar-default .navbar-nav>li>a {
margin: 15px 2px;
}
.swiper-container {
height: 770px;
}
.sous_box {
top: 25%;
}
.peo_r {
padding: 30px 30px 0px 30px;
}
.peor_nav .peor_nav_li {
width: 100%;
height: 90px;
margin: 0px 8px;
border-radius: 20px 0px 20px 0px;
}
.peo_r h4 {
font-size: 28px;
}
.peo_r p {
font-size: 14px;
line-height: 28px;
margin: 25px 0px;
/* height: 300px; */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
}
.peo_r span {
font-size: 12px;
padding: 2px 10px;
margin: 10px 0 10px 0;
}
.peor_nav .peor_nav_ul {
margin-top: 30px;
}
.aob_box {
padding-top: 100px;
}
.aob_l h4 {
font-size: 28px;
}
.aob_l p {
font-size: 12px;
margin-top: 10px;
}
.aob2_box .aob_r_li p {
font-size: 18px;
}
.aob3_box_ul .aob3_box_li {
height: 400px;
background: rgba(30, 49, 100, 0.8);
padding: 20px 20px;
border-radius: 60px 0px 60px 0px;
}
.aob3_box_ul .aob3_box_li h4 {
font-size: 20px;
height: 60px;
overflow: hidden;
line-height: 150%;
padding-left: 0px;
}
.aob3_box_ul .aob3_box_li p {
color: #fff;
font-size: 14px;
line-height: 180%;
margin-top: 0px;
height: 200px;
;
overflow: hidden;
}
.aob3_box {
min-height: 500px;
}
.m-b-100 {
margin-bottom: 40px;
}
.aob3_box_ul .aob3_box_li .icon {
font-size: 70px;
bottom: -10px;
}
.aob_r {
padding-left: 0px
}
.aob4_r_news_img {
height: 190px;
}
.fenye_us_txt h4 {
line-height: 300%;
}
.gongs_nav_li p {
bottom: -40px;
right: 0px;
font-size: 110px;
}
.yf_content {
padding: 100px 80px
}
.chanpin_li {
padding: 20px;
overflow: hidden;
height: 400px;
width: 550px;
}
.chanpin_li_text {
padding: 20px;
}
.chanpin_li_text p {
margin-bottom: 12px;
}
.chanpin_li_text h4 {
font-size: 22px;
}
.swiper_chanpin {
height: 257px;
}
.news_li {
width: 100%;
}
.news_img {
width: 100%;
height: 200px;
}
.fenye_us_txt p {
max-height: 200px;
overflow: hidden;
}
}
@media screen and (min-width:360px) and (max-width:960px) {
.grid figure img {
height: 240px;
}
.aob3_box_li p {
display: -webkit-box;
-webkit-line-clamp: 11;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
/* æ–°å¹´è´ºè¯ */
.gonggao_box {
/* background: #eee; */
height: 80px;
width: 550px;
line-height: 80px;
text-align: center;
position: fixed;
z-index: 99999;
left: 300px;
}
.gonggao_box .swiper-slide {
font-size: 24px;
line-height: 80px;
color: #ffff00;
font-weight: 700;
/* text-shadow: 0.1em 0.1em 0.05em #120904; */
}
.xiayu_box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 100001;
}
canvas {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 100001;
}
@media screen and (min-width:768px) and (max-width:1200px) {
.nav {
padding-left: 20%;
}
wap_cn+.navbar-default {
background-color: transparent;
z-index: 1 !important;
height: 75px;
}
.swiper-lunbo {
padding-top: 80px;
}
.navbar-header {
background-color: transparent;
height: 75px;
}
.navbar-nav {
margin-top: 0px;
}
.wap_cn {
display: none;
float: right;
}
/* .yuyan_box {
display: block;
}
.yuyan_box .dqlng {
border-radius: 50%;
width: 26px;
height: 26px;
float: right;
background: #eee;
color: #000004;
font-size: 12px;
line-height: 200%;
}
.cn {
z-index: 1;
transition: all .6s;
display: block;
top: 62px;
right: -10px;
position: absolute;
padding: 10px;
background: #eee;
width: 130px;
} */
.wap_cn_ul {
display: flex;
justify-content: center;
width: 20px;
padding: 5px;
}
.wap_cn_li {
padding: 0 15px;
flex: 1;
color: #fff;
text-align: center;
}
.wap_cn_li a {
color: #fff;
text-align: center;
}
}